<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>烤天下酒吧烧烤加盟官网 酒吧文化烧烤领导者 </title>
    <style>
        html,body {margin:0;padding:0;height:100%; font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAEè½¯é›…é»‘,STHeiti,\\534Eæ–‡ç»†é»‘,sans-serif;background:#302a34;}
        * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
        button:focus { outline:none;}
        a {text-decoration:none;color:#000;}
        ul{padding:0; margin:0;}
        li{padding:0; margin:0; list-style:none}
        img {border:0;}
        hr {height:0;margin-top:10px;margin-bottom:10px;border:0;border-top:solid 1px #353c48;}
        #header {background:#444250;position:fixed;top:0;left:0;right:0;z-index:20;}
        .brand {display:block;overflow:hidden;width:101px;height:32px;margin:9px 0;text-indent:-999px;background:url("../img/icon/site-brand.png") no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
        @media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx){  }
        .navbar-toggle {float:right;width:40px;height:32px;margin:9px 0;border:0;padding:5px 9px;background:none;cursor:pointer;}
        .navbar-toggle .icon-bar {display:block;width:22px;height:2px;background:#fff;-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
        .navbar-toggle .icon-bar + .icon-bar {margin-top:4px;}
        .navbar-toggle.active .icon-bar {position:absolute;margin:0;}
        .navbar-toggle.active .icon-bar:nth-child(1) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
        .navbar-toggle.active .icon-bar:nth-child(2) {opacity:0;}
        .navbar-toggle.active .icon-bar:nth-child(3) {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
        .navbar {display:none;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);}
        .nav {margin:5px 0;padding-left:0;}
        .nav li {list-style:none;border-top:solid 1px rgba(255,255,255,.2);position:relative;}
        .nav li:first-child {border-top:0;}
        .nav li a {display:block;padding:20px 15px;font-size:16px;color:#fff;}
        .nav li.active a {background:#c30e23; color:#dfd1b5}
        .sub-nav ul {margin:0;padding-left:0;}
        .sub-nav li {float:left;list-style:none;}
        .sub-nav li a {display:block;padding:6px 15px;line-height:25px;font-size:14px;}
        .sub-nav li.active a {color:#fff;background:#297abb;}
        .shrink-nav .nav li a { padding:11px 15px;}
        @media (min-width: 768px) {
            #header {position:fixed;top:0;left:0;right:0;
                background-repeat:repeat-x;
                -webkit-transition:all .5s;transition:all .5s;
            }
            .global-nav {-webkit-transition:all .5s;transition:all .5s;}
            .brand {float:left;width:190px;height:60px;-webkit-transition:all .5s;transition:all .5s;}
            .navbar-toggle {display:none;}
            .navbar {float:right;display:block;margin-right:-15px;border-top:0;-webkit-box-shadow:none;box-shadow:none;}
            .nav {margin:0;}
            .nav li {float:left;border:0;}
            .nav li a {padding:20px 15px;line-height:40px; text-align:center; width:90px; font-weight:200; font-size:14px;	-webkit-transition: all .5s;
                transition: all .5s; }
            .nav li a:hover {-webkit-transition: all 0.4s;transition: all 0.4s;}
            .shrink-nav .global-nav {margin:0;}
            .shrink-nav .brand {margin:8px 0;width:146px;height:45px;}
            .shrink-nav .nav li.active a {color:#dfd1b5;background:#c30e23;}
            .sub-nav li {margin:9px 0;}
        }
        .clearfix:before, .clearfix:after,
        .container:before, .container:after,
        .row:before, .row:after,
        .nav:before, .nav:after,
        .global-nav:before, .global-nav:after
        {display:table;content:" ";clear:both;}
        .container {margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
        @media (min-width: 768px) {
            .container {width:760px;}
            .row {margin-left:-15px;margin-right:-15px;}
            .col-3,.col-6,.col-12 {float:left;min-height:1px;padding-left:15px;padding-right:15px;position:relative;}
            .col-12 {width:100%;}
            .col-6 {width:50%;}
            .col-3 {width:25%;}
            .txt-bj p{
                text-overflow:ellipsis;
                overflow:hidden;
                white-space:nowrap;
            }
        }
        @media (min-width: 992px) {.container {width:970px;}}
        @media (min-width:1200px) {.container {width:1170px;}}
        @-ms-viewport {

        }
        @media screen and (min-width: 768px) and (max-width: 959px) {
            @-ms-viewport { width: 760px; }
        }

        /* Home Page */
        .carousel-indicators li {display:inline-block;width:12px;height:12px;margin:1px 4px;border-radius:50%;box-sizing:content-box;text-indent:-999px;background-color:#fff;cursor:pointer;}
        .carousel-inner img {width:100%;}

        #greenx .item img {width:130px;height:130px;}
        #greenx .item h2 {margin-bottom:0; font-size:18px;color:#dfd1b5; font-weight:200}
        #greenx .item p {margin: 0;font-size:14px;color:#e6e6e6; font-weight:200;}
        #greenx .item a{ color:rgba(255, 255, 255, 0.99); font-size:14px; padding-right:25px; font-weight:200}
        #greenx .item a:hover{ color:#e61d5f}


        #greenx .item h3 {padding-bottom:20px; font-size:18px;color:#dfd1b5; font-weight:200; margin-top:0; padding-top:0;}
        .beijing-item-title p { text-align:center; color:#fff; font-weight:normal; padding-top:0; margin-top:0; font-size:16px}
        .item-title {text-align:center; padding-top:20px;}
        .item-title h1 { color:#fff;font-weight:normal; margin:0; font-size:22px}
        .item-title h3 { color:#fff; font-weight:200; margin-top:0; font-size:16px;}

        .news-title h1{ color: #fff;font-weight: normal;margin-bottom: 0;}
        .news-title h3{ color: #fff;font-weight: normal;margin-top: 0;}
        .news-img img{ width:100%; height:100%; display:block; border:none;}
        .news-text h4{ padding:20px 0 10px 0; margin:0; font-size:18px; font-weight:200; color:#fff}
        .news-text h4 a{  font-size:18px; color:#dfd1b5}
        .news-text h4 a:hover{ color:#e61d5f;}
        #philosophy .news-text  p{ padding:0 0 10px 0; margin:0; color:#dfd1b5; font-size:16px; line-height:22px; font-weight:200}
        .item-axis-list ul li { float:left; border-bottom:1px solid #393939;}

        .item-axis-list ul li:nth-child(3)
        {
            border-bottom:none;
        }


        /* news */
        .item-title {text-align:center; padding-top:20px;}
        .item-title h1 { color:#302a34; margin:0 auto; font-weight:normal;padding:4px 5px; font-size:20px; background:#dfd1b5; border-radius:50px; width:145px;}

        .item-title-money h1{ background:#cd172c; color:#f2eada;}
        #greenx .item h2 {
            color: #dfd1b5;
            font-size: 18px;
            font-weight: 200;

        }
        #greenx .item p {
            color: #dfd1b5;
            font-size: 14px;
            font-weight: 200;
            margin: 0;
        }


        .item-string img {
            width:100%;
            height:100%;
            display:block;
            border:none;
        }

        #sub-shipping3 img{
            width:100%;
            height:100%;
            display:block;
            border:none;
        }

        #sub-shipping4 img{
            width:100%;
            height:100%;
            display:block;
            border:none;
        }

        #sub-shipping5 img{
            width:100%;
            height:100%;
            display:block;
            border:none;
        }




        .nav li a:hover {
            background: rgba(255,255,255,.1);
        }
        .join-text p { color:#fff; font-weight:200; margin:0; padding:5px 0}
        .join-bj .item h2{  color: #fff;
            font-size: 18px;
            font-weight: 200;
            padding-bottom: 20px;
        }

        .join-bj .item p{
            color: #e6e6e6;
            font-size: 14px;
            font-weight: 200;
            margin: 0;
        }
        .item-title-join h4 { padding:10px 0;color: #fff;
            font-size: 16px;
            font-weight: 200;
            line-height:28px;
            margin-top: 0;
        }
        /* food */
        .item-food { margin-bottom:10px}
        .item-food h3{background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; color:#fff; font-weight:200; padding:10px 0; border-top:2px solid #e4007f; width:100%; font-size:14px; margin:0; position:absolute; bottom:0;}

        .item-food-1 a { background:url("food/f-2.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-2 a { background:url("food/f-2.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-3 a { background:url("food/f-3.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-4 a { background:url("food/f-4.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-5 a { background:url("food/f-5.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-6 a { background:url("food/f-6.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-7 a { background:url("food/f-7.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-8 a { background:url("food/f-8.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-9 a { background:url("food/f-9.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-10 a { background:url("food/f-10.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-11 a { background:url("food/f-11.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-12 a { background:url("food/f-12.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-13 a { background:url("food/f-13.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-14 a { background:url("food/f-14.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-15 a { background:url("food/f-15.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-16 a { background:url("food/f-16.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-17 a { background:url("food/f-17.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}
        .item-food-18 a { background:url("food/f-18.jpg") no-repeat; display:block; background-size:cover; width:100%; text-align:center; height:300px; position:relative;}


        .time-six h2 { font-size:18px; color:#fff; font-weight:800}
        .time-six h3 { font-size:18px; color:#fff; font-weight:800}
        .time-six p {  font-size:12px; color:#fff; font-weight:200}


        .axis-time h4{ font-weight:normal; font-size:18px; color:#dfd1b5; margin-bottom: 0}
        .axis-time span{ font-size:14px; color:#dfd1b5; margin-bottom: 0;}
        .axis-title h5{ font-size:18px; color:#dfd1b5; margin-bottom: 0; margin-top:22px;}
        #philosophy .axis-title p { font-size:14px; color:#dfd1b5; margin-top:0; padding-top:10px;}
        .axis-title h5:hover{ color:#e61d5f}

        /* banner new*/
        .b-img a{ display:block; height:484px; float:left;}
        .b-list span{ display:block;cursor:pointer; width:12px; height:12px; border-radius:50%; background:#fff; float:left; margin:0 9px;}
        .bar-left em{ display:block; width:34px; height:40px; ) no-repeat; background-size:cover;
            margin: 200px auto 0;
        }
        .bar-right em{ display:block; width:34px; height:40px; background-size:cover;
            margin: 200px auto 0;
        }

        /*item-sou*/
        .item-sou input { width:100%; border:none;
            border: 0;
            outline: 0;
            -webkit-appearance: none;
            background: transparent none;
            font-size: inherit;
            color:#fff;

            position:relative;
            padding:10px 0 10px 35px;
        }
        .item-sou button {
            position:absolute;
            right:0;
            top:0;
            bottom:0;
            background:#dfd1b5;
            color:#302a34;
            border:none;
            padding:9px 20px;
            font-size:14px;
            cursor:pointer;
            font-weight:200;

        }
        .item-ad-img { padding-top:10px}
        .item-ad-img img { width:100%; height:100%; display:block; border:none}
        .taste-text { text-align:center}
        .taste-text h3{ font-size:20px; color:#dfd1b6; font-weight:200; margin:0; padding:10px 0}
        .taste-text p{ font-weight:200; font-size:14px; color:#dfd1b6; margin:0 auto; padding-bottom:20px; width:90%; text-align:center;}




        #Taste { background:#302a34; margin-bottom:10px;}
        .items img {height: 50px;
            left: 0;
            position: absolute;
            top: 0;
            width: 43px;}
        .items h3{
            font-weight:200;
            color: #dfd1b5;
            font-size: 16px;
            margin:0;
            padding-left:20px;
        }

        .Talents{
            margin-top:80px;
        }
        #philosophy h2 {margin:0;line-height:1.4;font-size:48px;color:#1e2633;}
        #philosophy p {font-size:18px;color:#585858;}


        @media (min-width: 768px) {
            #greenx .item img {width:200px;height:150px;}
        }

        #footer {padding-top:40px;padding-bottom:40px;background:#302a34;}
        .partner-list li {float:left;display:table-cell;vertical-align:middle;overflow:hidden;list-style:none;margin:0;width:33.3333%;height:60px;text-align:center;}
        .partner-list img {width:100%;}
        #footer .right a {margin:0 5px;line-height:1.8;font-size:12px;color:#64676e;}
        #footer .right a:hover {color:#fff;}
        #footer .copy {margin:0 5px;text-align:center;line-height:1.8;font-size:12px;color:#f6f5f5; font-weight:200}
        #footer .copy span {display:block;}

        @media (min-width: 768px) {
            .partner-list li {width:16.6666%;height:80px;}
            #footer .copy {text-align:center;}
            #footer .copy span {display:inline;}
        }
        /* About us */
        #about-intro h1 {margin:0;line-height:1.5;font-weight:normal;font-size:40px;color:#fff;}
        #about-intro h1 span {display:block;font-size:28px;}

        #com-profile .box-txt h2 {text-align:center;font-size:48px;}
        #com-profile .box-txt p {line-height:1.8;font-size:18px;}

        #com-philosophy h2 {margin:0;line-height:1.4;font-size:48px;color:#1e2633;}
        #com-philosophy p {line-height:1.5;font-size:18px;color:#585858;}

        #com-team h2 {margin:40px 0;text-align:center;line-height:100px;font-weight:normal;font-size:48px;color:#fff;}
        .team-list li {list-style:none;margin-bottom:20px;padding-left:120px;position:relative;}
        .team-list h3 {margin:0;padding-left:20px;line-height:1.8;font-weight:normal;font-size:20px;position:absolute;top:0;left:0;}
        .team-list h3 span {display:block;width:13px;height:13px;border:solid 2px #92bddf;border-radius:50%;position:absolute;top:12px;left:0;}
        .team-list p {margin:0;line-height:1.8;font-size:18px;}

        #com-citizen h2 {text-align:center;font-size:48px;color:#fff;}
        #com-citizen p {line-height:1.8;font-size:18px;color:#fff;}
        .citizen-pic .item img {width:100%;}
        #com-glories h2 {text-align:center;font-size:48px;}
        #com-glories .glories-pic img {width:130px;margin:0 10px;}

        @media (min-width: 768px) {
            #about-intro h1 {font-size:60px;}
            #about-intro h1 span {font-size:48px;}

            #com-profile .box-txt h2 {text-align:left;}

            .team-list li {margin-left:80px;}
            .team-list li i {display:block;width:100%;height:1px;background:#92bddf;position:absolute;top:18px;left:-100%;}

            #com-citizen p {width:70%;margin:20px auto;text-align:center;}

            #com-glories h2 {margin:40px auto 90px auto;}
            #com-glories .glories-pic img {width:165px;margin:0 10px;}
        }

        /* Services */
        #ser-intro h1 {font-size:54px}

        #ser-development figure {margin:40px auto;width:320px;height:323px;background: no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
        #ser-development h2 {margin:10px 0;text-align:center;font-size:48px;color:#fff;}
        #ser-development p {text-align:center;line-height:1.5;font-size:18px;color:#fff;}

        #ser-area .container {position:relative;}
        #ser-area .area-map img {width:100%;}
        #ser-area h2 {margin:20px 0;font-size:48px;color:#fff;}
        #ser-area dl {padding-left:45px;}
        #ser-area dt {line-height:1.5;font-size:20px;}
        #ser-area dd {display:inline;margin:0;line-height:1.5;font-size:14px;}

        #ser-greenx h2 {overflow:hidden;height:110px;text-indent:-999px;background: no-repeat; }
        #ser-greenx p {line-height:1.8;font-size:18px;}

        #ser-greenlife h2 {overflow:hidden;height:110px;text-indent:-999px;background: no-repeat center center;}
        #ser-greenlife p {line-height:1.8;font-size:18px;color:#333;}

        #ser-biz h2 {text-align:center;font-size:48px;}


        @media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
        }
        @media (min-width: 768px) {
            #ser-intro h1 {font-size:80px;color:#000;}

            #ser-development .container {width:720px;}
            #ser-development figure {width:357px;height:361px;}

            #ser-area .container {height:700px;}
            #ser-area dt {font-size:24px;}
            #ser-area dd {font-size:16px;}

            #ser-biz h3 {margin:10px 0;font-size:24px;}
            #ser-biz p {font-size:18px;color:#666;}

        }

        /* Projects */
        #pro-intro h1 {font-size:54px;color:#fff;}
        #sub-shipping1 h2, #sub-shipping1 p, #sub-jinmao h2, #sub-jinmao p, #sub-cecep h2, #sub-cecep p, #sub-museum h2, #sub-museum p {line-height:1.5;color:#fff;}
        #sub-visitor .container, #sub-showroom .container, #sub-shipping .container, #sub-shipping1 .container, #sub-shipping17 .container, #sub-sinochem .container, #sub-jinmao .container, #sub-star .container, #sub-cecep .container, #sub-museum .container {height:400px;padding:20px 15px;position:relative;}
        #sub-visitor .container, #sub-showroom .container, #sub-star .container {background:rgba(255,255,255,.4);}
        #sub-jinmao .container, #sub-museum .container {background:rgba(0,0,0,.3);}

        #sub-visitor h2, #sub-showroom h2, #sub-shipping h2, #sub-shipping1 h2, #sub-shipping17 h2, #sub-sinochem h2, #sub-jinmao h2, #sub-star h2, #sub-cecep h2, #sub-museum h2 {margin:5px 0;font-size:22px;}
        #sub-showroom h2, #sub-shipping h2, #sub-showroom p, #sub-shipping p, #sub-shipping1 h2, #sub-shipping1 p, #sub-cecep h2, #sub-cecep p, #sub-star h2, #sub-star p {text-align:center;line-height:1.5;}
        #sub-visitor p, #sub-showroom p, #sub-shipping p, #sub-museum p {margin:5px 0;}
        #sub-sinochem h2, #sub-sinochem p {text-align:right;line-height:1.5;}

        @media (min-width: 768px) {
            #pro-intro h1 {font-size:80px;}

            #sub-park h2 {margin:0;font-size:48px;}

            #sub-visitor .container, #sub-showroom .container, #sub-shipping .container, #sub-shipping1 .container, #sub-shipping17 .container, #sub-sinochem .container, #sub-jinmao .container, #sub-star .container,#sub-cecep .container, #sub-museum .container {height:720px;position:relative;}

            #sub-visitor .container, #sub-showroom .container, #sub-star .container, #sub-jinmao .container, #sub-museum .container {background:none;}

            #sub-visitor h2 {margin:0;font-size:48px;}
            #sub-visitor p {margin:10px 0;line-height:1.5;font-size:22px;}

            #sub-showroom h2 {margin:0;text-align:center;font-size:48px;}
            #sub-showroom p {margin:10px 0;text-align:center;line-height:1.5;font-size:22px;}

            #sub-shipping h2, #sub-shipping1 h2, #sub-shipping17 h2 {margin:0;text-align:center;font-size:48px;}
            #sub-shipping p, #sub-shipping1 p, #sub-shipping17 p {margin:10px 0;text-align:center;line-height:1.5;font-size:22px;}

            #sub-sinochem h2 {margin:0;text-align:right;font-size:48px;}
            #sub-sinochem p {margin:10px 0;text-align:right;line-height:1.5;font-size:22px;}

            #sub-jinmao h2 {margin:0;font-size:48px;}
            #sub-jinmao p {margin:10px 0;line-height:1.5;font-size:22px;}

            #sub-star h2 {margin:0;font-size:48px;}
            #sub-star p {margin:10px 0;line-height:1.5;font-size:22px;}

            #sub-museum h2 {margin:0;font-size:48px;}
            #sub-museum p {margin:10px 0;line-height:1.5;font-size:22px;}

            #sub-cecep h2 {margin:0;font-size:48px;}
            #sub-cecep p {margin:10px 0;line-height:1.5;font-size:22px;}
        }
        /* News */

        #news-list .item h2 {font-size:18px;}
        #news-list .item p {line-height:1.5;font-size:14px;color:#666;}
        #news-list .item a {overflow:hidden;width:100%;height:100%;text-indent:-999px;position:absolute;top:0;left:0;z-index:1;}
        #news-list .item img {width:100%;position:absolute;top:0;left:0;}

        @media (min-width: 768px) {

            #news-list .item h2 {font-size:24px;}
            #news-list .item img {width:390px;height:270px;}
        }

        #topic .col-6 {float:left;width:50%;}
        #topic a {line-height:50px;}
        #topic h1 {margin:0;line-height:50px;font-size:24px;font-weight:normal;}


        #news-detail p {line-height:1.6;text-indent:2em;font-size:16px;color:#666;}
        @media (min-width: 768px) {
        }
        /* Contact us */
        .pic-bj figure {margin:0;padding:0;background: no-repeat top ;-webkit-background-size:cover;background-size:cover; height:200px}

        #philosophy .txt-bj h2 {font-size:16px; color:#dfd1b5; font-weight:normal;
            margin:0;
            padding: 0 0 10px;
        }
        #philosophy .txt-bj p {line-height:22px;font-size:14px; color:#dfd1b5;
            margin:0; font-weight:200;
            padding: 0 0 10px;
        }



        .pic-bj figure img{
            width:100%;
            height:100%;
            display:block;
            border:none;
        }
        @media (min-width: 768px) {
            .pic-bj figure {width:100%; height:359px; overflow:hidden}

            .txt-bj h2 {font-size:16px; color:#fff; line-height:22px; font-weight:200}
        }

        .profile-img img{ width:100%; height:100%; display:block; border:none}
        .profile-text p { color:#dfd1b4; font-weight:200; text-indent:25px; font-size:14px; line-height:24px; padding-top:10px}


        /* time  */
        *, *:before, *:after {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        img {
            max-width: 100%}
        a {
            text-decoration: none;
        }
        .container {
            max-width: 1100px;
            margin: 0 auto;
        }


        #timeline .timeline-item .timeline-icon img {
            position: relative;
            top: 14px;
            left: 14px;
        }
        #timeline .timeline-item .timeline-icon span{
            color:#cd172c;
            text-align:center;
            display:block;
            position:absolute;
            left:30px;
            top:44px;
            font-size:16px;
        }

        #timeline .timeline-item .timeline-content h2 {
            padding:0;
            color: #dfd1b5;
            margin:0;
            font-weight: 200;
            font-size:14px;

        }

        @media screen and (max-width: 768px) {

        }

        .timeline-content-s p {
            color:#dfd1b5;
            font-weight:200;
            padding:0;
            margin:0;
            font-size:14px;
        }

        .text-right p{ color:#dfd1b5; font-size:14px; font-weight:200; margin:0;}


        /* Jobs */


        #jobs-intro h1 {font-size:80px;color:#1E2633;}

        #jobs-list h2 {margin:40px 0;text-align:center;font-size:36px;}

        .jobs-content h3 {margin:30px 0 10px 0;color:#dfd1b5; font-weight:200; font-size:14px;}
        .jobs-content p {margin:5px 20px 5px 0;color:#dfd1b5; font-weight:200; font-size:12px;}

        .jobs-list ul li { float:left; padding-right:40px; color:#dfd1b5; font-weight:200; font-size:12px;}

        .jobs-ads p { color:#dfd1b5; font-size:14px; font-weight:200; padding-top:10px; padding-bottom:0; margin:0;}


        .dialog {display:none;width:100%;height:100%;min-height:100%;position:fixed;top:0;left:0;z-index:1000;-webkit-transition:all .5s;transition:all .5s;}
        .dialog-inner {display:table-cell;vertical-align:middle;height:100%;min-height:100%;margin:0 auto;}
        .dialog-container {max-width:700px;width:80%;height:540px;margin:0 auto;box-shadow:0 0 16px rgba(0,0,0,.4);background:#282828;position:relative;-webkit-transition:all .5s;transition:all .5s; border-left:30px solid #282828; border-right:30px solid #282828; border-bottom:30px solid #282828}
        .dialog-heading {padding:15px 20px;}
        .dialog-heading .close {width:30px;height:30px;display:block;border-radius:50%;padding:13px 6px;position:absolute;top:-14px;right:-40px;-webkit-transition:all .5s;transition:all .5s;z-index:999;}
        .dialog-heading .close span {display:block;width:24px;height:2px;background:#fff;cursor:pointer;}
        .dialog-heading .close span:nth-child(1) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
        .dialog-heading .close span:nth-child(2) {margin-top:-2px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
        .dialog-body {height:100%;padding:5px 20px;overflow:hidden;line-height:1.5;position:absolute;top:0;right:0;bottom:0;left:0;}

        .dialog-text h1{ color:#fff; text-align:center; font-size:16px; font-weight:200;}
        .dialog-text p{ color:#fff; text-align:center; margin:0; font-size:12px; font-weight:200; padding-bottom:7px;}


        .modal-open .dialog {display:table;}

        .nav li:nth-child(6){ background:none}

        @media (max-width: 640px) {

            .item-title-money h1{
                color:#f2eada;
            }

            .nav li {
                background:none;
            }

            #greenx .item h2{
                padding-bottom:0;
            }

            .item-title h3 {
                font-size:16px;
                color:#fff;
                font-weight:normal;
                margin-top:0
            }

            .item-axis-list ul{
                padding:0;
            }
            .axis-time h4{
                font-size:16px;
            }

            .item-axis-list ul{
                padding-bottom:30px;
            }

            .nav li a{
                padding:10px 15px;
            }

            .b-img a{
                height:270px;
            }

            .bar-left em{
                margin-top:120px;
            }
            .bar-right em{
                margin-top:120px;
            }

            .pc-nav-home a:hover {
                background:none;
                text-indent:0;
            }

            .pc-nav-food a:hover {
                background:none;
                text-indent:0;
            }

            .pc-nav-char a:hover {
                background:none;
                text-indent:0;
            }

            .pc-nav-join a:hover {
                background:none;
                text-indent:0;
            }

            .pc-nav-ente a:hover {
                background:none;
                text-indent:0;
            }

            .pc-nav-menn a:hover {
                background:none;
                text-indent:0;
            }

            .slideshow figure {
                width: 100%;
                height: 100%;
                background: #282828;
                border-top:1px solid #282828;
                border-left: 20px solid #282828;
                border-right: 20px solid #282828;
                border-bottom: 20px solid #282828;
                overflow: hidden;
            }

            .Talents{
                margin-top:50px;
            }

            .time-six h2{
                font-size:12px;
                font-weight:400;
            }
            .time-six h3{
                font-size:12px;
                font-weight:400;
            }
            .time-six p{
                font-size:11px;
            }

            .dialog-container{
                border:none;

                width:100%;
                height:100%;
            }
            .dialog-text{
                padding-top:20px;
            }
            .dialog-heading .close{
                right: 16px;
                top: 25px;
            }


        }

        @media (max-width:700px) {


        }

        @media (min-width: 710px) {
        }

        @media (min-width: 768px) {

        }
        @media (min-width: 992px) {

        }
        @media (min-width: 1200px) {

        }

    </style>
</head>
<!-- Header -->
<header id="header" class="">
    <div class="container">
        <div class="global-nav">
            <button class="navbar-toggle">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="index.html">烤天下</a>
            <nav class="navbar">
                <ul class="nav">
                    <li class="">
                        <a href="index.html">首页</a>
                    </li>
                    <li class="active">
                        <a href="food.html">招牌美食</a>
                    </li>
                    <li class="">
                        <a href="join.html">招商加盟</a>
                    </li>
                    <li class="-ente">
                        <a href="profile.html">企业概况</a>
                    </li>
                    <li class="">
                        <a href="about.html">联系我们</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>

<section id="Taste" class="Talents" style="margin-bottom: 0;">
    <div class="container">
        <div class="item-title">
            <h1>招牌美食</h1>
        </div>
        <div class="row clearfix" style="padding-top: 10px;">
            <div class="col-12 clearfix">
                <div class="item-ad-img">
                    <img src="pd/ad-1.jpg" alt="要味道">
                </div>
            </div>
            <div class="taste-text clearfix">
                <h3>火爆鸭脖</h3>
                <p>
                    采用37味香料文火熬制16小时的高汤秘卤，
                    即时冰冻锁味，再炸制金黄味香味，
                    最后经过果木白炭烤制香酥的火焰鸭脖，
                    历经层层工艺只为追求酥脆，
                    骨肉分离，回味无穷， 白吃不腻的美味极致
                </p>
            </div>
            <div class="col-12 clearfix">
                <div class="item-ad-img">
                    <img src="pd/ad-2.jpg" alt="要味道">
                </div>
            </div>
            <div class="taste-text clearfix">
                <h3>香酥鱼</h3>
                <p>
                    以色泽黄亮，色香味美，骨酥肉嫩，
                    溢香爽口而著称的浙江绍兴酥鱼经过秘门的刀工，
                    油炸和调料，外香里嫩，鲜酥可口，甜咸兼有，
                    香味浓郁的酥鱼，让食客赞不绝口。
                </p>
            </div>
            <div class="col-12 clearfix">
                <div class="item-ad-img">
                    <img src="pd/ad-3.jpg" alt="要味道">
                </div>
            </div>
            <div class="taste-text clearfix">
                <h3>烤猪蹄</h3>
                <p>
                    胶原蛋白美容圣品烤猪蹄，
                    精选48余种名贵中草药调制而成。
                    以秘制酱料精心调配烧烤，不油腻，不上火，
                    骨酥肉嫩，鲜香麻辣，十里飘香，令人胃口打开，
                    百吃不厌，吃后久久回味。
                    主烤官不断突破口味难关，提供更丰富的选择，
                    让食客每次尝到不同的味道，舌尖得到充分的享受。
                </p>
            </div>
            <div class="col-12 clearfix">
                <div class="item-ad-img">
                    <img src="pd/ad-4.jpg" alt="要味道">
                </div>
            </div>
            <div class="taste-text clearfix">
                <h3>腊鸭肉卷饼</h3>
                <p>
                    以全麦优质粉加鸡蛋与牛奶和面的面饼，
                    口感绵软又劲道，包裹冬笋丝，香菇，菜心丝，
                    豆芽各种蔬菜，和独家配方秘制烟熏鸭脯肉等馅料
                </p>
            </div>
        </div>
        <div class="row">
            <div class="col-6">
                <div class="item-food item-food-1">
                    <a href="#" target="dialog">
                        <h3>烤鱼豆腐 烤墨鱼丸 烤大虾 烤鱿鱼 烤秋刀</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-2">
                    <a href="#" target="dialog">
                        <h3>火焰鸡翅</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-3">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-4">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-5">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-6">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-7">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-8">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-9">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-10">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-11">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-12">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-13">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-14">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-15">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-16">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-17">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-18">
                    <a href="#" target="dialog">
                        <h3>香辣豆干</h3>
                    </a>
                </div>
            </div>
            <div class="col-3">
                <div class="item-food item-food-18">
                    <a href="#" target="dialog">
                        <h3>待续中</h3>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
<footer id="footer">
    <div class="container">
        <div class="copy">
            ©AUI 素材网 京ICP备15006025号-1
        </div>
        <div class="copy">
            Copyright © 2012-2016 www.a-ui.cn
            <span>
                地址：北京市海淀区北三环西路43号中航广场6层
            </span>
        </div>
    </div>
</footer>
<div class="dialog">
    <div class="dialog-inner">
        <div class="dialog-container">
            <div class="dialog-heading">
                <a class="close" href="">
                    <span></span>
                    <span></span>
                </a>
            </div>
            <div class="dialog-body">
                <div class="dialog-text">
                    <h1>泰椒炒饭和海鲜炒饭</h1>
                    <img src="../img/food/f-t.jpg" alt="">
                    <p>泰椒a炒饭</p>
                    <p>
                        泰式甜辣椒酱炒饭的做法  所有食材切碎，
                        虾仁去虾线洗净虾仁切小块料酒白胡椒粉腌渍10分钟鸡蛋炒熟少许蒜末小火炒香，
                        下入虾仁炒熟备用锅里重新放少许油，
                        放入剩下的蒜末炒香按个人口味倒入李锦记甜辣酱炒香。
                    </p>
                    <p>海鲜炒饭</p>
                    <p>
                        海鲜炒饭是由白饭，鸡蛋，葱等材料制成的一道炒饭，
                        不同的海鲜搭配起来就能呈现出不同的海鲜炒饭。
                        虾营养丰富，含蛋白质是鱼、蛋、奶的几倍到几十倍；
                        还含有丰富的钾、碘、镁、磷等矿物质及维生素A、氨茶碱等成分，
                        且其肉质松软，易消化，
                        对身体虚弱以及病后需要调养的人是极好的食物。
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
</html>